<div class="view-content">
  <h4>{{ vm.platformSvc.getI18nString(vm.Strings.View.SyncRemoved.Title) }}</h4>
  <div ng-bind-html="vm.platformSvc.getI18nString(vm.Strings.View.SyncRemoved.Content)"></div>
  <div class="buttons vertical animate-fade-in" ng-show="vm.backupCompletedMessage == null">
    <button class="btn btn-default" ng-disabled="vm.savingBackup" ng-class="{ 'working': vm.savingBackup }"
            ng-click="vm.utilitySvc.handleEvent(vm.downloadBackup)" ng-disabled="vm.savingBackup">
      <span class="spinner-border spinner-border-sm" ng-show="vm.savingBackup" aria-hidden="true"></span>
      <span ng-show="vm.savingBackup">
        {{ vm.platformSvc.getI18nString(vm.Strings.Button.Saving) }}
      </span>
      <span ng-hide="vm.savingBackup">
        {{ vm.platformSvc.getI18nString(vm.Strings.Button.DownloadBackup) }}
      </span>
    </button>
    <div class="footer">
      <a href="#" ng-click="vm.utilitySvc.handleEvent(vm.close, $event)">
        {{ vm.platformSvc.getI18nString(vm.Strings.Button.Continue) }}
      </a>
    </div>
  </div>
  <div class="animate-fade-in" ng-show="vm.backupCompletedMessage != null">
    <div class="file-downloaded">
      <p ng-if="vm.backupCompletedMessage !== ''">{{ vm.backupCompletedMessage }}</p>
    </div>
    <div class="buttons">
      <button class="btn btn-default focused" ng-click="vm.utilitySvc.handleEvent(vm.close)">
        {{ vm.platformSvc.getI18nString(vm.Strings.Button.Continue) }}
      </button>
    </div>
  </div>
</div>
